@extends( 'layout.home' )
@section( 'content' )
    <style>
        table.list_tab tr td a {
            margin-right: 0px;
            float: none;
        }
    </style>
<!--面包屑导航 开始-->
<div class="crumb_warp">
    <i class="fa fa-home"></i> <a href="{{url('info')}}">首页</a> &raquo; 收费管理 &raquo; 收费标准
</div>
<!--面包屑导航 结束-->

<!--搜索结果页面 列表 开始-->
<form action="#" method="post">
    <div class="result_wrap">
        <!--快捷导航 开始-->
        <div class="result_content" style="width: 53%;">
            <div class="short_wrap">
                <span>当前收费标准</span>
                @if($admin['is_admin'])
                <span style="float: right;">
                    <input type="button" value="修改">
                </span>
                <span style="float: right;margin-right: 20px;">上一次修改时间：{{date('Y-m-d H:i',config('charge.LASTTIME'))}}</span>
                @endif
            </div>

        </div>
        <!--快捷导航 结束-->
    </div>

    <div class="result_wrap" style="width: 50%;">
        <div class="result_content">
            <table class="list_tab">
                <tr>
                    <th class="tc" colspan="5">停车管理系统收费标准</th>
                </tr>
                <tr>
                    <td class="tc">类型</td>
                    <td colspan="3" class="tc">收费标准（辆/次）</td>
                    <td class="tc">说明</td>
                </tr>
                <tr>
                    <td rowspan="2" class="tc">小车</td>
                    <td class="tc">0-1小时内</td>
                    <td class="tc">2-3小时内</td>
                    <td class="tc">超出3小时</td>
                    <td rowspan="5" style="width: 20%" class="EXPLAIN">{{config('charge.EXPLAIN')}}</td>
                </tr>
                <tr>
                    <td class="tc CAR0_1">{{config('charge.CAR0_1')}}元</td>
                    <td class="tc CAR2_3">{{config('charge.CAR2_3')}}元</td>
                    <td class="tc CAR3">每小时{{config('charge.CAR3')}}元</td>
                </tr>
                <tr>
                    <td rowspan="2" class="tc">客车/货车</td>
                    <td class="tc">0-1小时内</td>
                    <td class="tc">2-3小时内</td>
                    <td class="tc">超出3小时</td>
                </tr>
                <tr>
                    <td class="tc BUS0_1">{{config('charge.BUS0_1')}}元</td>
                    <td class="tc BUS2_3">{{config('charge.BUS2_3')}}元</td>
                    <td class="tc BUS3">每小时{{config('charge.BUS3')}}元</td>
                </tr>
                <tr>
                    <td class="tc">月租车辆</td>
                    <td colspan="3" class="tc MONTHLY">{{config('charge.MONTHLY')}}元/月/辆</td>
                </tr>
            </table>
        </div>
    </div>
</form>
    <script src="https://cdn.bootcss.com/layer/3.1.0/layer.js"></script>
<!--搜索结果页面 列表 结束-->
    <script>
        var judge = 1;
        $("input[type='button']").click(function(){//点击修改/保存
            if(judge==1){
                judge = 0;
                $(this).val('保存');
                $(".CAR0_1").html("<input type='text' value='{{config('charge.CAR0_1')}}' id='CAR0_1'>元");
                $(".CAR2_3").html("<input type='text' value='{{config('charge.CAR2_3')}}' id='CAR2_3'>元");
                $(".CAR3").html("每小时<input type='text' value='{{config('charge.CAR3')}}' id='CAR3'>元");
                $(".BUS0_1").html("<input type='text' value='{{config('charge.BUS0_1')}}' id='BUS0_1'>元");
                $(".BUS2_3").html("<input type='text' value='{{config('charge.BUS2_3')}}' id='BUS2_3'>元");
                $(".BUS3").html("每小时<input type='text' value='{{config('charge.BUS3')}}' id='BUS3'>元");
                $(".MONTHLY").html("<input type='text' value='{{config('charge.MONTHLY')}}' id='MONTHLY'>元/月/辆");
                $(".EXPLAIN").html("<textarea style='width: 150px;' id='EXPLAIN'>{{config('charge.EXPLAIN')}}</textarea>");

            }else if(judge==0){
                judge = 1;
                var CAR0_1 = $("#CAR0_1").val();
                var CAR2_3 = $("#CAR2_3").val();
                var CAR3 = $("#CAR3").val();
                var BUS0_1 = $("#BUS0_1").val();
                var BUS2_3 = $("#BUS2_3").val();
                var BUS3 = $("#BUS3").val();
                var MONTHLY = $("#MONTHLY").val();
                var EXPLAIN = $("#EXPLAIN").val();
                $.post("{{url('charge/modify')}}",{
                    CAR0_1:CAR0_1,
                    CAR2_3:CAR2_3,
                    CAR3:CAR3,
                    BUS0_1:BUS0_1,
                    BUS2_3:BUS2_3,
                    BUS3:BUS3,
                    MONTHLY:MONTHLY,
                    EXPLAIN:EXPLAIN,
                    '_token':"{{csrf_token()}}",
                },function(data){
                    if(data.code){
                        layer.msg(data.msg);
                        setTimeout(function(){  //使用  setTimeout（）方法设定定时2000毫秒
                            window.location.reload();//页面刷新
                        },2000);
                    }else{
                        layer.msg(data.msg);
                    }
                });
            }
        });
    </script>
@endsection
